{include file="public/header" /}
<body>
<style>
    .cion{
        display: inline-block;
        width: 120px;
    }
</style>
<div class="page-container">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>用户层级</legend>
    </fieldset>
    <ul id="ztree1" class="ztree"></ul>
</div>

{include file="public/footer" /}

<script type="text/javascript">
    var setting2 = {
        data: {
            simpleData: {
                enable: true//启用简单json数据描述节点数据
            }
        }
    };//设置ztree相关的属性
    //构造json数据
    var zNodes2 = [
        {id:'1',pId:'0',name:'系统管理'},//每个json对象对应一个节点数据
        {id:'2',pId:'0',name:'用户管理'},//每个json对象对应一个节点数据
        {id:'21',pId:'2',name:'用户添加'},//每个json对象对应一个节点数据（二级）
        {id:'22',pId:'2',name:'用户修改'},//每个json对象对应一个节点数据（二级）
        {id:'3',pId:'0',name:'权限管理'}//每个json对象对应一个节点数据
    ];
    //创建ztree
    $.fn.zTree.init($("#ztree1"),setting2,zNodes2);


</script>